<template>
  <myLeftRightLaout>
    <template v-slot:leftL>
      <myList height="87%" width="100%" :listData="designParList" @listToggle="showContend"></myList>
    </template>
    <template v-slot:rightL>
      <div>112233</div>
    </template>
  </myLeftRightLaout>
</template>

<script setup lang="ts">

import { ref, reactive } from 'vue'
import myList from '@/components/myList/index.vue'
import myLeftRightLaout from '@/components/myLeftRightLaout/index.vue'
import { MeetConfigType, WriteConfigType } from '@/api/type'

type NoteItem = WriteConfigType | MeetConfigType

const designParList = [
  {
    id: 1,
    title: '123',
    contend: {
      type: 'write',
      contend: '123',
      desc: '123',
      result: '123'
    }
  },
]

interface CurrentType {
  contend: NoteItem | []
}

const currentItem = reactive<CurrentType>({
  contend: []
})
const showContend = (params: NoteItem) => {
  currentItem.contend = params
}
const run = (param: NoteItem) => {
  eval(param.contend)
}

let searctText = ref('123')


</script>
<style lang="scss" scoped>
@media screen and (max-width:500px) {
  .note_contend {
    width: 100%;
    height: 50%;
    line-height: 10px;
    overflow: hidden;
  }

  .note_coups {
    width: 100%;
    height: 50%;
    overflow: hidden;
  }

  .note_other {
    width: 100%;
    height: 100%;
  }

  .details-2 {
    height: calc(100% - 30px);
  }
}

@media screen and (min-width: 500px) {
  .note_contend {
    width: 100%;
    height: 100%;
    line-height: 10px;
    overflow: hidden;
  }

  .note_coups {
    width: 100%;
    height: 50%;
    overflow: hidden;
  }

  .note_other {
    width: 100%;
    height: 100%;
  }

  .details-2 {
    height: calc(100% - 30px);
  }
}

.note_wrapper {
  height: calc(100% - 18px);
  display: flex;
}

.searchBox {
  margin: 2px 0;
  display: flex;

  .searchInput {
    padding: 0;
    margin: 0;
    width: calc(100% - 70px);
  }

}
</style>
